
/* flex布局 */
.flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
	&.t{ /*垂直向上*/
		align-items: flex-start;
	}
	&.d{ /*垂直向下*/
		align-items: flex-end;
	}
	&.h{ /*垂直铺满*/
		align-items: stretch;
	}
	&.ro{ /*子元素并排*/
		flex-direction: row;
	}
	&.co{ /*子元素换行排列*/
		flex-direction: column;
	}
	&.jt{ /*水平靠左*/
		justify-content: flex-start;
	}
	&.jc{ /*水平居中*/
		justify-content: center;
	}
	&.jd{ /*水平靠右*/
		justify-content: flex-end;
	}
	&.ar{ /*水平平均*/
		justify-content: space-around;
	}
	&.av{
		>.item,view,button,navigator,image,text{
			flex:1;
		}
	}
}

$a:auto;
.pl#{$a}{
	padding-left: $a!important;
}
.pr#{$a}{
	padding-right: $a!important;
}
.pt#{$a}{
	padding-top: $a!important;
}
.pb#{$a}{
	padding-bottom: $a!important;
}
.ml#{$a}{
	margin-left: $a!important;
}
.mr#{$a}{
	margin-right: $a!important;
}
.mt#{$a}{
	margin-top: $a!important;
}
.mb#{$a}{
	margin-bottom: $a!important;
}
